<style>
    body {
        background: #f5f5f5;
    }
</style>
<div class="sectionY">
    <a href="javascript:history.back()">
        <img src="__PUBLIC__/home/images/a4.png" class="a1" alt="">
    </a>
    <p class="p1">共享商城</p>
</div>
<div class="kong1"></div>
<div class="gx_shop1">
    <div class="ppp">
        <div class="swiper-container" id="mm">
            <div class="swiper-wrapper">
                {foreach $swiper_list as $item}
                <div class="swiper-slide" onclick="location.href='{$item.url}'"><img src="{$item.img_url}" alt=""></div>
                {/foreach}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<!-- 分类 -->
<div class="gx_shop2">
    <div class="container">
        <div class="center">
            <ul class="clearfix">
                {foreach $nav_list as $nitem}
                <li onclick="location.href='{$nitem.url}'">
                    <a href="javascript:;">
                        <img src="{$nitem.img_url}" alt="">
                        <p class="p1">{$nitem.description}</p>
                    </a>
                </li>
                {/foreach}
            </ul>

        </div>
    </div>
</div>
<div class="ge"></div>
<div class="gx_shop3">
    <div class="title">
        <p class="p1">精品推荐</p>
        <span class="s1"></span>
    </div>
    <div class="center">
        <ul>
            {foreach $good_list as $g_item}
            <li>
                <a href="{:url('Market/detail', ['id'=>$g_item.id])}">
                    <div class="big">
                        <div class="logo">
                            <img src="{$g_item.img_url}" alt="">
                        </div>
                        <div class="list">
                            <p class="p1 chao2">{$g_item.title}</p>
                        </div>
                        <div class="num clearfix">
                            <p class="p1">{$g_item.price}</p>
                            <s>{$g_item.original_price}</s>
                        </div>
                    </div>
                </a>
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<script>
    var swiper = new Swiper('#mm', {
        spaceBetween: 30,
        centeredSlides: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>